<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>


    无语义标签 div独占一行 span不独占一行
    <div> 
        <span> 鹤壁 </span>
        <span> 濮阳 </span>
        <span> 平顶山 </span>
    </div>
    <div>
        <span> 安阳 </span>
        <span> 商丘 </span>
        <span> 洛阳 </span>
    </div>

    <textarea>文本框的初始内容</textarea> 


    

    选择文档
    <input type="file">

    按钮
    <input type="button" value="我是按钮">我是按钮

    复选框
    <input type="checkbox" id="shijianzhuang"><label for="shijianzhuang">石家庄</label>
    <input type="checkbox" id="handan"><label for="handan">邯郸</label>
    <input type="checkbox" id="tangshan"><label for="tangshan">唐山</label>

    单选框
    <input type="radio" name="sex" checked="checked" id="male"> <label for="male">男</label>
    <input type="radio" name="sex" id="female"> <label for="female">女</label>

    <input type="text"> 一般用于用户名
    <input type="password"> 用于密码

    <input type= "radio" name= "sex">男
    <input type= "radio" name= "sex">女

    <select>
        <option> 保定</option>
        <option> 廊坊</option>
        <option> 邢台</option>
        <option selected = "selected"> 秦皇岛</option>
        <option> 张家口</option>
    </select> 

    <!-- <h3>无序列表</h3>
    <ul>
        <li>白山</li>
        <li>四平</li>
        <li>公主岭</li>
        <li>延庆</li>
    </ul>

    <h3>有序列表</h3>
    <ol>
        <li>白山</li>
        <li>四平</li>
        <li>公主岭</li>
        <li>延庆</li>
    </ol>
    
    <h3> 自定义列表 </h3>
    <dl>
            <dt>辽宁</dt>
            <dd> 铁岭</dd>
            <dd> 沈阳</dd>
            <dd> 辽阳</dd>
            <dd> 营口</dd>
    </dl> -->

    <!-- <table width = "500px" height = "200px" border = "1px" cellspacing = "0">
        <tr>
            <th> 城市名 </th>
            <th> 位置 </th>
            <th> GDP(亿) </th>
        </tr>
        <tr>
            <td> 鹤岗 </td>
            <td rowspan = "2"> 黑龙江 </td>
            <td> 1200 </td>
        </tr>
        <tr>
            <td>大庆</td>
            <td> 1600 </td>
        </tr>
        <tr>
            <td> 三亚 </td>
            <td> 海南 </td>
            <td> 2600 </td>
        </tr>
        <tr>
            <td> 南通 </td>
            <td> 江苏 </td>
            <td> 10600 </td>
        </tr>
    </table>
</body>
</html>